<!DOCTYPE html>
<html>
<head>
  <meta  charset="utf-8">
  <title>index</title>
  <link rel="stylesheet" href="css/index.css"
</head>
<body>
  <header>
    <div class="logo">
      <h1>C<b>a</b>lm</h1>
      <span class="text">我的博客</span>
    </div>
    <nav class="list">
       <ul>
         <li class="active">
           <a href="#">首页</a>
         </li>
         <li>
         <a href="#">新闻</a>
         </li>
         <li>
           <a href="#">公告</a>
         </li>
         <li>
         <a href="#">联系</a>
         </li>
    </nav>
  </header>
  <div class="content">
   <div class="">
     欢迎来到我的博客
  </div>
  <div class="">
  作茧自缚 作茧自缚
  </div>
</div>
<div class="arctile">

    <ul>
      <li>
        <a href="#">All</a>
      </li>
      <li>
        <a href="#">Design</a>
      </li>
      <li>
        <a href="#">Branding</a>
      </li>
      <li>
        <a href="#">Graphic</a>
      </li>
      <li>
        <a href="#">Animation</a>
      </li>
       <li>
         <a href="#">IIIustration</a>
       </li>
       <li>
         <a href="#">Photography</a>
       </li>
    </ul>
  </div>
  <div class="section">
  <ul>
    <li>
      <width="300" align="center"><a href="#"><img src="图片素材/1.jpg"  width="340" height="190" border=0 /></a><br>图片1</a>
    </li>
    <li>
      <width="300" align="center"><a href="#"><img src="图片素材/2.jpg"  width="340" height="190" border=0 /></a><br>图片2</a>
    </li>
    <li>
      <width="300" align="center"><a href="#"><img src="图片素材/3.jpg"  width="340" height="190" border=0 /></a><br>图片3</a>
    </li>
    <li>
      <width="300" align="center"><a href="#"><img src="图片素材/4.jpg"  width="340" height="190" border=0 /></a><br>图片4</a>
    </li>
    <li>
      <width="300"align="center"><a href="#"><img src="图片素材/5.jpg"  width="340" height="190" border=0 /></a><br>图片5</a>
    </li>
    <li>
      <width="300" align="center"><a href="#"><img src="图片素材/6.jpg"  width="340" height="190" border=0 /></a><br>图片6</a>
    </li>
    <li>
      <width="300" align="center"><a href="#"><img src="图片素材/7.jpg"  width="340" height="190" border=0 /></a><br>图片7</a>
    </li>
    <li>
      <width="300" align="center"><a href="#"><img src="图片素材/8.jpg" width="340" height="190" border=0 /></a><br>图片8</a>
    </li>
    </div>

    <div class="cap">
      <ul>
            	<li><a>枸杞</a>
                </ul>


                <li><a>枸杞</a>
                	<ul>
                   	<li><a>枸杞</a><br></li>
                       <li><a>枸杞</a><br></li>
                       <li><a>枸杞</a><br></li>
                       <li><a>枸杞</a><br></li>
                       <li><a>枸杞</a><br></li>
                       <li><a>枸杞</a><br></li>
                   </ul>
         		 </li>
           </ul>
   </div>
    <div>
</body>
</head>
</html>
